<template>
  <div>
    <!-- 搜索组件 -->
    <search></search>
    <!-- 轮播图组件 -->
    <Swipe></Swipe>
    <van-grid :column-num="4">
      <van-grid-item
        v-for="value in 8"
        :key="value"
        icon="photo-o"
        text="文字"
        style="margin-bottom: 20px"
      />
    </van-grid>

    <div class="box">
      <b>秒杀专场</b
      ><van-count-down
        :time="time"
        format="2 天 2 时 30 分 56 秒"
        style="margin-left: 20px"
      />
      <span style="font-size: 12px; margin-left: 120px; color: #ccc">更多</span>
    </div>
    <van-grid :column-num="3">
      <van-grid-item
        v-for="value in 6"
        :key="value"
        icon="photo-o"
        text="文字"
        style="margin-bottom: 20px"
      />
    </van-grid>
  </div>
</template>

<script setup>
import Swipe from "@/components/Swipe.vue";
import search from "@/components/search.vue";
</script>

<style lang="scss" scoped>
.box {
  display: flex;
}
</style>